<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        #box1{
            width: 400px;
            height: 400px;
            background:url("img/14.jpg") no-repeat red;
            background-size: 400px 400px;
        }
        #box2{
            width: 400px;
            height: 400px;
            background:url("img/14.jpg") no-repeat red;
            background-size:cover;
        } #box3{
              width: 400px;
              height: 400px;
              background:url("img/14.jpg") no-repeat red;
              background-size:contain;
          }
            div{
                float: left;
                margin-left: 3px;
            }
    </style>

</head>
<body>
    <div id="box1">

    </div>
    <div id="box2">

    </div>
    <div id="box3">

    </div>
</body>
</html>